:root {
    /*
    Color
    */
    /* 主题 */
    --an-color-primary: #3470ff;
    /* 成功 */
    --an-color-success: #67C23A;
    /* 危险 */
    --an-color-danger: #F56C6C;
    /* 警告 */
    --an-color-warning: #E6A23C;
    /* 信息 */
    --an-color-info: #909399;
    /* 默认白 */
    --an-color-white: #fff;
    /* 默认背景 */
    --an-color-bg: #f2f2f2;
    --an-color-hover-bg: #f5f5f5;

    /*
    Text
    */
    /* 文字主色、主标题 */
    --an-text-color-primary: #161f35;
    /* 文字次要的、副标题 */
    --an-color-text-secondary: #606266;
    /* 描述性的文字、更多信息 */
    --an-color-text-gray: #909399;
    /* 占位符 */
    --an-color-text-placeholder: #C0C4CC;
    /* Link */
    --an-color-link: var(--an-color-primary);

    /*
    Border
    */
    --an-border-color: #d7d7d7;
    --an-border: 1px solid var(--an-border-color);
    --an-border-radius: 6px;

    --an-backdrop-color: rgba(0, 0, 0, .3);

    --an-box-shadow-color: rgba(0, 0, 0, 0.1);
    --an-box-shadow: 0 2px 12px 0 var(--an-box-shadow-color);

    /*
    Font
    */
    --an-font-size: 14px;

    /*
    Padding
    */
    --an-padding: 10px;

    /*
    Height
    */
    --an-height: 32px;

    /*
    Button
    */
    --an-gap: 10px;
}